<script setup lang="ts">
defineOptions({
    name: 'cs-ai',
});
</script>

<template>
    <div>
        <el-row class="flex-1" :gutter="10">
            <el-col :span="8" class="h-full">
                <el-card class="mb-[15px] h-full" shadow="never">
                    <template #header>
                        <div class="flex items-center">
                            <span class="text-base font-bold">hello</span>
                            <el-tooltip effect="dark" placement="right">
                                <template #content>
                                    <div class="max-w-[200px]">hello</div>
                                </template>
                                <Icon name="ep:question-filled" />
                            </el-tooltip>
                            <div class="flex flex-grow pl-5">
                                <slot name="header"></slot>
                            </div>
                        </div>
                    </template>
                    <div class="overflow-y-auto">
                        <div v-for="i in 100">{{ i }}</div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="16" class="w-full bg-white"> 456 </el-col>
        </el-row>
    </div>
</template>

<style lang="scss" scoped></style>
